$(function(){
  const form = layui.form
  const layer = layui.layer
  // 验证昵称
  form.verify({
    nickname:function(value){
      if(value.length < 0 || value.length > 6) return '只能输入1~6个字符'
    }
  })

  // 封装获取用户信息函数
  initUserInfo()
  function initUserInfo() {
    $.ajax({
      type:'GET',
      url:'/my/userinfo',
      success: function (res) {
        if (res.status !== 0) return layer.msg(res.message)
        layer.msg(res.message)
        // 快速获得变单的信息并渲染，由layui封装好的方法
        // 需要将form变单添加属性 ley-filter,再调用form.val('userInfo'，res.data) 
        form.val('userInfo',res.data)
      }
    })
  }
  // 点击重置按钮，重置输入框
  $('#btnReset').on('click', function (e) {
    e.preventDefault()
    initUserInfo()
  })

  // form表单提交数据
  $('#formUserInfo').on('submit', function (e) {
    e.preventDefault()

    const data = $(this).serialize()
    $.ajax({
      type: 'POST',
      url: '/my/userinfo',
      data,
      success: function (res) {
        if (res.status !== 0) return layer.msg(res.message)
        layer.msg(res.message)
        // 通过window.parent的方法去查找父级页面，调用父级页面中的方法
        // 父级元素中的方法不能在入口函数或立即执行函数中
        window.parent.getUserInfo()
      }
    })
  })
})